/*Main CSS*/
p {
width: 100%;
}

body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color: #000000;
}

li {
list-style-type: none;
line-height: 110%;
}

h1 {

font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;
color: #000000;

}

h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: bold;
color: #000000;
border-bottom: 1px solid #17C;
padding: 5px;
margin: 0;
Width:auto;
background:#eee;
}

h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
font-weight: bold;
color: #27B;
border-bottom: 1px solid #17C;
padding: 5px;
margin: 0;
}

a:link {
color: #5555FF;
text-decoration: underline;
font-weight: bold;
}

li :link {

color: #00CC00;
text-decoration: none;
font-weight: bold;

}

a:visited {

color: #2222FF;
text-decoration: underline;
font-weight: bold;

}

li a:visited {

color: #00CC00;
text-decoration: none;
font-weight: bold;

}

a:hover {

/*color: #FF0000;*/
padding-bottom: 5px;
font-weight: bold;
/*text-decoration: underline;*/

}

li a:hover {

display: block;
color: rgb(0, 96, 255);
padding-bottom: 5px;
font-weight: bold;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C6EC8C;
}

a:active {

color: #FF3333;
font-weight: bold;
} 

#headline {
background:#93C5EE;
/*border:thin solid #000000;*/
/* border-bottom: none; */
padding:5px;
text-align:center;
}

#footline {
/*border:thin solid #000000;*/
background: #507FA6;
font-size:10px;
padding:25px 5px 20px;
text-align:right;
clear:both; 
}
#footline a{
color:#fff; 
}

#event {
color:#454545;
display:block;
height:auto;
padding:25px 20px 30px 10px;
width:100%;
margin-right:20px;
}
#main{
/*border-left: thin solid #000000;
border-right: thin solid #000000; */
background: #036;
}
/* navigator style from Max Design
http://css.maxdesign.com.au/listamatic/vertical08.htm */

#navigator{
float:Left;
width:10.4%; 
}
#navigator h3{
display:none;
}
#navigator ul
{
margin: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}
#navigator a
{
display: block;
padding: 3px;
width: 100%;  
background-color: #036;
border-bottom: 1px solid #eee;
}

#navigator a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}
#navigator a:hover
{
background-color: #369;
color: #fff;
}
/*
#navigator h3{
display: none;
}
#navigator p{
padding:5px 0 5px 0;
margin:0;
}
#navigator p:hover{
background: #aaffaa;
}
#navigator p a{
padding: 5px;
}*/

#container{
display: block;
/*padding: 0 5px 5px 0;*/
/* border-left: thin solid #000000; */
background: #FFFFFF; 
min-height: 200px;
margin-left:11%;
}

div.event_content{
margin: 2px 0 0 0;
text-align: left;
height: auto;
width: auto;
}

p.headline_content{
margin: 0;
padding: 10px 0 10px 0;
}
h1.headline_summary{
font-size: 18px;
font-weight: bold;
margin: 0;
border-bottom: 1px solid #BBBBBB;
padding: 10px 0 0 0;
}
/*
h2.event_title{
color: #770000;
width: auto;
}*/

p.event_date{
margin: 1px 1px 1px 1px;
font-weight: bold;
}

p.event_content 
{
  display: block;
  margin: 3px;
  height: auto;

}
#event img 
{
float:Left;
padding:0 20px 0 5px;
margin: 5px 5px 5px 0;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.gallerycontainer{
position: relative;
display:block;
height:auto;
width:100%;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail{
position: relative;
padding:10px 10px 10px 10px;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ddd;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
left: 60px; /*position where enlarged image should offset horizontally */

}
